﻿<script type="text/javascript">
    $(function () {
        $('#div_chart3').highcharts({
            title: {
                text: 'Order Refund Per Days'
            },
            subtitle: {
                text: '@ViewBag.FromTo'
            },
            xAxis: {
                type: 'datetime'
            },
            yAxis: [{
                min: 0,
                title: {
                    text: 'Order(s)'
                }
            }, {
                title: {
                    text: 'Pounds (£)'
                },
                opposite: true
            }],
            tooltip: {
                shared: true,
                crosshairs: true
            },
            series: [{
                type: 'spline',
                name: 'Orders Refund',
                data: [
                    @Html.Raw(ViewBag.Orders)
                ],
                marker: {
                    lineWidth: 1,
                    lineColor: 'rgba(248,161,63,1)',
                    fillColor: 'white',
                    enabled: false
                }
                ,color: 'rgba(248,161,63,1)'
            }
                , {
                type: 'spline',
                name: 'Refund Amount',
                data: [
                    @Html.Raw(ViewBag.Pound)
                ],
                marker: {
                    lineWidth: 1,
                    lineColor: "#7cb5ec",
                    fillColor: 'white',
                    enabled: false
                },
                yAxis: 1
                }
            ]
        });
    });


		</script>
<div id="div_chart3" style="min-width: 310px; height: 400px; margin: 0 auto"></div>